<template>
  <div>
    <div class="ittechnology">
      <el-container>
        <el-aside
          width="20rem"
          style="height:100vh"
        >
          <el-menu
            default-active="1"
            class="el-menu-vertical-demo"
            active-text-color="#FF9966"
          >
            <el-menu-item index="1">
              <span slot="title">后端</span>
            </el-menu-item>
            <el-menu-item index="2">
              <span slot="title">前端</span>
            </el-menu-item>
            <el-menu-item index="3">
              <span slot="title">Android</span>
            </el-menu-item>
            <el-menu-item index="4">
              <span slot="title">IOS</span>
            </el-menu-item>
            <el-menu-item index="5">
              <span slot="title">人工智能</span>
            </el-menu-item>
            <el-menu-item index="6">
              <span slot="title">数据库</span>
            </el-menu-item>
            <el-menu-item index="7">
              <span slot="title">程序开发</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-main>Main</el-main>
      </el-container>
    </div>
  </div>
</template>

<script>
export default {
  name: "ittechnology",
  data() {
    return { };
  },
};
</script>

<style scoped>
.ittechnology {
  width: 66.6%;
  margin: 0 auto;
  margin-top: 6.25rem;
}
.el-menu-item:hover {
  background-color: #f0f0f0;
}
</style>